import React from 'react';

import { Icon } from './base';

/**
 * 十字图标
 *
 * @export
 * @class IconCraft
 * @extends {Icon}
 */
export default class Cross extends Icon {
    static defaultProps = {
        ...Icon.defaultProps,
        color: '#424242',
    };

    render() {
        const { color, className, style, ...args } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 28 28" width={width} height={height} style={style} className={className} {...args}>
                <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                    <g transform="translate(-362.000000, -162.000000)" fillRule="nonzero">
                        <g transform="translate(362.000000, 162.000000)">
                            <rect x="0" y="0" width="28" height="28"></rect>
                            <line
                                x1="3.5"
                                y1="3.5"
                                x2="24.5364267"
                                y2="24.5364267"
                                stroke={color}
                                strokeWidth="1.75"
                                strokeLinecap="round"
                                strokeLinejoin="round"
                            ></line>
                            <line
                                x1="24.5364267"
                                y1="3.5"
                                x2="3.5"
                                y2="24.5364267"
                                stroke={color}
                                strokeWidth="1.75"
                                strokeLinecap="round"
                                strokeLinejoin="round"
                            ></line>
                        </g>
                    </g>
                </g>
            </svg>
        );
    }
}
